import Taro, {useState, useEffect, useCallback} from '@tarojs/taro'
import loveLornUser from '../../api/lovelorn-user'
import {View, Text} from '@tarojs/components'
import './index.scss'

// class RoundProgress extends Component<{}, any> {
const ABlindDateBox = props => {
  let {isHide, onclose, seekingId} = props
  const getBack = () => {
    Taro.navigateTo({
      url: `/pages/Desquamation/index?toUserId=${seekingId}`,
    })
    onclose()
  }
  return (
    props &&
    props.isHide && (
      <View className="MarriageBoxPage">
        <View className="boxBg"></View>
        <View className="boxCent">
          <View className="ABlindDateBox-bg"></View>
          <View className="ABlindDateBox-img"></View>
          <View className="ABlindDateBox-txt">
            <Text>点击下面“我要脱单”按钮，</Text>
            <Text>脱单管家会为您制定服务方案</Text>
          </View>
          <View className="ABlindDateBox-btn">
            <View className="okBtn" onClick={getBack}>
              我要脱单
            </View>
            <View
              className="noBtn"
              onClick={() => {
                onclose()
              }}>
              取消
            </View>
          </View>
        </View>
      </View>
    )
  )
}

export default ABlindDateBox
